import Vue from 'vue'
import App from './App.vue'
import router from './router'

import ProgressBar from './install'
Vue.config.productionTip = false
// 进度条配置项
const progressOptions = {
  succColor: '#f12b25',
  failColor: '#E5433E',
  gradient: false, // 线性渐变
  gradientColor: {
    successColor: 'linear-gradient(0deg, #FF6B48 0%, #FF9946 54%, #FFB944 100%)',
    failColor: 'linear-gradient(0deg, #A5A5A5 0%, #C0C0C0 54%, #D8D8D8 100%)'
  },
  stripe: true, // 开启条纹进度条
  stripeColor: {
    successColor: 'repeating-linear-gradient(-45deg, #ff8b46 25%, #ff6c2a 0, #ff6c2a 50%, #ff6c2a 0, #ff8b46 75%, #ff6c2a 0)',
    failColor: 'repeating-linear-gradient(-45deg, #c8c8c8 25%, #b2b2b2 0, #b2b2b2 50%, #b2b2b2 0, #c8c8c8 75%, #b2b2b2 0)'
  },
  transition: {
    widthSpeed: 200,
    opacitySpeed: 400,
    duration: 800 // 定义消失时间 ms
  },
  inverse: true, // 进度条的加载方向
  thickness: 18, // 进度条的高度
  autoFinish: false // 设定动画是否可以自动完成，默认是 true
}
Vue.use(ProgressBar,progressOptions)

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')
